<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="main">
        <header>
            <img src="../../public/imgs/navi_title_v6.png" alt="">
            <div class="search">
                <input type="text" placeholder="搜一搜">
                <img src="../../public/imgs/navi_search_v5.png" alt="">
            </div>
        </header>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../public/imgs/shuiguo.jpeg" alt=""></div>
                <div class="swiper-slide"><img src="../../public/imgs/shuiguo1.webp" alt=""></div>
            </div>
        </div>
        <div class="menu">
            <div class="select">
                <ul>
                    <li>
                        <a href="selecte.html">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>上新精选</p>
                        </a>
                    </li>
                    <li>
                        <a href="crowd_funding.html">
                            <img src="../../public/imgs/tu2.png"></img>
                            <p>小米众筹</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu3.png"></img>
                            <p>有品秒杀</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu4.png"></img>
                            <p>生活优选</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/mi.png"></img>
                            <p>小米自营</p>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>智能家电</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>日常元素</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>新人福利</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>手机</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../public/imgs/tu1.png"></img>
                            <p>茅台酒饮</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="main1">
                <div class="headline">有品<br>头条</div>
                <a href="#">
                    <img src="../../public/imgs/yao.png" alt="">
                    <div class="intro">
                        <p class="antiepidemic">防疫安全专场</p>
                        <p class="drugs">抗原检测试剂盒上新</p>
                    </div>
                    <div class="look">立即查看></div>
                </a>
            </div>
            <div class="main2">
                <img class="nian" src="../../public/imgs/nian.png" alt="">
                <img class="ji" src="../../public/imgs/shouji.webp" alt="">
                <h1>小米科技年货</h1>
                <div class="button">
                    <button>至高24期免息</button>
                </div>
                <ul>
                    <li class="li">
                        <p class="p1">科技生活好物</p>
                        <p class="p2">至高省1100元></p>
                        <img src="../../public/imgs/zc.png" alt="">
                    </li>
                    <li class="li">
                        <p class="p1">科技生活好物</p>
                        <p class="p2">至高省1100元></p>
                        <img src="../../public/imgs/zc.png" alt="">
                    </li>
                    <li class="li">
                        <p class="p1">科技生活好物</p>
                        <p class="p2">至高省1100元></p>
                        <img src="../../public/imgs/zc.png" alt="">
                    </li>
                    <li class="li">
                        <p class="p1">科技生活好物</p>
                        <p class="p2">至高省1100元></p>
                        <img src="../../public/imgs/zc.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="seller">
                <div class="goods">
                    <p>Redmi K60 系列</p>
                    <button>集卡赢手机</button>
                    <img class="tu" src="../../public/imgs/mi.png" alt="">
                </div>
                <div class="goods1">
                    <p>Redmi K60 系列</p>
                    <button>集卡赢手机</button>
                    <img class="tu" src="../../public/imgs/mi.png" alt="">
                </div>
            </div>
            <div class="menu1">
                <ul>
                    <li>
                        <a href="#" class="active">精选好物</a>
                    </li>
                    <li>
                        <a href="#">年货节</a>
                    </li>
                    <li>
                        <a href="#">防疫必备</a>
                    </li>
                    <li>
                        <a href="#">暖冬好物</a>
                    </li>
                </ul>
            </div>
        </div>
        <footer>
            <ul class="tabbar">
                <li>
                    <a href="#" class="active">
                        <span class="iconfont icon-shouyediqiu"></span>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="course.html">
                        <span class="iconfont icon-fenlei"></span>
                        <p>分类</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont icon-pengyouquan"></span>
                        <p>购物车</p>
                    </a>
                </li>
                <li>
                    <a href="mine.html">
                        <span class="iconfont icon-guanyanren"></span>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </footer>
</body>

</html>